.page-container {
  min-height: 100vh;
  padding-bottom: 40rpx;
  background: linear-gradient(180deg, #c9f17d 0%, #ffffff 100%);
}

.page-title {
}

.activity-container {
  position: relative;
  margin: 100rpx 25rpx 0 25rpx;
  .box {
    width: 100%;
    height: 300rpx;
    border-radius: 20rpx;
  }
  .box1 {
    background-color: #3b3b3b;
    transform: rotate(-10deg);
  }
  .box2 {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #b0ea3c;
    padding: 35rpx;
    .title {
      font-size: 60rpx;
      font-weight: bold;
    }
    .content {
      font-size: 32rpx;
      line-height: 1.6;
    }
    .btn-box {
      margin-top: 20rpx;
      display: flex;
    }
    navigator {
      margin-right: 30rpx;
      width: 202rpx;
      height: 68rpx;
      border-radius: 20rpx;
      background-color: #3b3b3b;
      color: #b0ea3c;
      font-size: 36rpx;
      line-height: 68rpx;
      text-align: center;
    }
  }
}

.select-venue-box {
  margin-top: 100rpx;
  padding: 0 30rpx;
  color: #fff;
  .item {
    margin-top: 40rpx;
    width: 100%;
    height: 250rpx;
    border-radius: 20rpx;
    display: flex;
    padding: 20rpx;
    background: linear-gradient(90deg, #ace045 0%, #75ad05 100%);
  }
  .venue-image {
    width: 310rpx;
    height: 100%;
    border-radius: 15rpx;
  }
  .right-box {
    margin-left: 50rpx;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .room {
    font-size: 42rpx;
    font-weight: bold;
    line-height: 1;
  }
  .to-page {
    margin-top: 30rpx;
    font-size: 28rpx;
    line-height: 30rpx;
    display: flex;
    align-items: center;
    .text {
      color: #fff;
      margin-right: 6rpx;
    }
    image {
      width: 26rpx;
      height: 26rpx;
      // transform: translateY(2rpx);
    }
  }
}

// .coach-list1 {
//   margin: 40rpx 30rpx 0 30rpx;
//   border-radius: 16rpx;
//   background-color: #ccc;
//   padding-bottom: 20rpx;
//   .coach-top {
//     text-align: center;
//     font-size: 40rpx;
//     font-weight: bold;
//     height: 100rpx;
//     line-height: 100rpx;
//   }
//   .coach-list2 {
//     width: 100%;
//     height: 340rpx;
//   }
//   .coach-list3 {
//     width: auto;
//     display: flex;
//     padding: 0 20rpx;
//     height: 340rpx;
//   }
//   .item {
//     flex: none;
//     position: relative;
//     width: 230rpx;
//     height: 340rpx;
//     overflow: hidden;
//     border-radius: 16rpx;
//     margin-left: 20rpx;
//     &:first-child {
//       margin-left: 0;
//     }
//     image {
//       width: 100%;
//       height: 100%;
//     }
//     .bottom-box {
//       position: absolute;
//       left: 0;
//       bottom: 0;
//       width: 100%;
//       height: 80rpx;
//       line-height: 80rpx;
//       text-align: center;
//       background-color: rgba(0, 89, 37, 0.8);
//       color: #fff;
//       font-size: 28rpx;
//       font-weight: bold;
//     }
//   }
// }

.coach-top {
  text-align: center;
  font-size: 36rpx;
  font-weight: bold;
  height: 100rpx;
  line-height: 100rpx;
  margin-top: 20rpx;
  color: #5f8d04;
}
.coach-list2 {
  width: 100%;
  height: 340rpx;
}
.coach-list3 {
  display: inline-flex;
  padding: 0 30rpx;
  height: 340rpx;
  .item {
    flex: none;
    position: relative;
    width: 230rpx;
    height: 340rpx;
    overflow: hidden;
    border-radius: 16rpx;
    margin-left: 20rpx;
    &:first-child {
      margin-left: 0;
    }
  }
}

.footer-box {
  padding: 50rpx 0 0 0;
  view {
    text-align: center;
    color: #999;
    font-size: 24rpx;
  }
}
